<template>
	<view>
		<u-navbar back-text="返回" title="托管成功" :border-bottom="false" :back-text-style="{color: 'rgba(16,142,233,1)' }"
		 back-icon-color="#108EE9">
		</u-navbar>
		<!-- 内容 -->
		<view class="content">
			<view class="success-box">
				<image src="../../../static/images/login/success.png" mode=""></image>
			</view>
			<view class="text">
				托管成功
			</view>
			<view class="btn" @click="goHome">
				返回首页
			</view>
		</view>
		<!-- 内容 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goHome() {
				this.$u.route({
					url: 'pages/recruit/index',
					type:'switchTab'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 30rpx;
		width: 100%;
		box-sizing: border-box;

		.success-box {
			width: 140rpx;
			height: 140rpx;
			margin: 50rpx auto 0;

			image {
				width: 140rpx;
				height: 140rpx;
			}
		}

		.text {
			margin-top: 50rpx;
			text-align: center;
			font-size: 32rpx;
			font-weight: 400;
			line-height: 43rpx;
			color: rgba(51, 51, 51, 1);
			opacity: 1;
		}

		.btn {
			margin-top: 110rpx;
			width: 100%;
			height: 90rpx;
			background: linear-gradient(180deg, rgba(211, 176, 105, 1) 0%, rgba(228, 205, 112, 1) 100%);
			border-radius: 8rpx;
			line-height: 90rpx;
			font-size: 30rpx;
			font-weight: 600;
			color: rgba(255, 255, 255, 1);
			opacity: 1;
			text-align: center;
		}
	}
</style>
